<template>
    <a-form-item
        :label="props.widget.options.label"
        :name="props.widget.options.name"
        :rules="props.widget.options.rules"
    >
        <a-input v-model:value="props.formState[props.widget.options.name]"/>
    </a-form-item>
</template>

<script setup lang="ts" name="xy-r-input">
import type { BaseWidgetType } from '@/xyFDesigner/type';

defineOptions({
    name:"xy-r-input"
})

const props = withDefaults(
    defineProps<{
        widget:BaseWidgetType,
        formState:any
    }>(),
    {}
)

console.log(props.widget);

</script>